import React from 'react';
import { Tabs } from 'antd';
import SchemaForm from './components/SchemaForm';
import DynamicSchemaForm from './components/DynamicSchemaForm';
import AttendanceStatus from './components/AttendanceStatus';
import 'antd/dist/reset.css';

const App = () => {
  const items = [
    {
      key: '1',
      label: '基础表单',
      children: (
        <>
          <SchemaForm />
          <AttendanceStatus />
        </>
      ),
    },
    {
      key: '2',
      label: '动态表单',
      children: (
        <>
          <DynamicSchemaForm />
          <AttendanceStatus />
        </>
      ),
    },
  ];

  return (
    <div style={{ padding: '24px' }}>
      <h1 style={{ textAlign: 'center', marginBottom: '24px' }}>JSON Schema 动态表单示例</h1>
      <Tabs defaultActiveKey="1" items={items} />
    </div>
  );
};

export default App; 